.site-footer {
  color: #a8a8a8;
  background-color: #666;
  padding-bottom: 0;

  a:not(.button) {
    color: #ccc;

    &:hover {
      color: #fff;
    }
  }

  .footer-links {
    & > li {
      position: relative;

      &:before {
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        position: absolute;
        top: .75em;
        left: 0;
        border-top: 5px solid transparent;
        border-left: 5px solid $color_links;
        border-bottom: 5px solid transparent;
      }

      & > a {
        display: inline-block;
        padding: .25em 1em;
      }
    }
  }

  .footer-widgets {
    .widget {
      // margin-bottom: 2.5em;
    }
    .section-title {
      font-size: 1.15em;
      font-weight: bold;
      color: #1ea065;
    }

    p {
      color: $color_links;
    }
  }

  .widget {
    .widget-title,
    .widgettitle {
      color: #a8a8a8;
      font-size: 1em;
      font-weight: 600;
      text-transform: uppercase;
      border-bottom: 0;
      padding: 0;
      margin-bottom: .618em;
    }
  }
}

.site-info {
  background-color: #f2f2f2;
  border-top: 3px solid #ccc;
  color: #666;
  padding: 1.618em 99em;
  margin: 0 -99em;
  font-size: 0.875em;
}

@media screen and (min-width: 768px) {
  .footer-widgets {
    padding-top: 2em;
  }
}
